{% extends "base.html" %}

{% block title %}Statistiques ticket{% endblock %}
{% block content_title %}Statistiques ticket{% endblock %}

{% block extrajs %}
<script src="{{ MEDIA_URL }}js/jquery-1.5.min.js" type="text/javascript"></script>
<script src="{{ MEDIA_URL }}js/highcharts.js" type="text/javascript"></script>
<script src="{{ MEDIA_URL }}js/modules/exporting.js" type="text/javascript"></script>
<script src="{{ MEDIA_URL }}js/themes/grid.js" type="text/javascript"></script>
<script src="{{ MEDIA_URL }}javascript/ticket/graph_opentickets.js" type="text/javascript"></script>
<script src="{{ MEDIA_URL }}javascript/ticket/graph_recall.js" type="text/javascript"></script>

<script type="text/javascript">
dojo.addOnLoad(function() {
    var options;
    options = graph_opentickets_init('graph_opentickets', 7, 'Tickets ouverts', 'area');
    graph_opentickets_load(options, '{% url ajax_graph_opentickets %}', 'weeks');
});
dojo.addOnLoad(function() {
    options = graph_recall_init('graph_recall', 7);
    graph_recall_load(options, '{% url ajax_graph_recall %}', 'weeks');
});
dojo.addOnLoad(function() {
    options = graph_opentickets_init('graph_closetickets', 7, 'Tickets fermes', 'area');
    graph_opentickets_load(options, '{% url ajax_graph_closetickets %}', 'weeks');
});
</script>
{% endblock extrajs %}

{% block content %}
<div id="graph_opentickets" style="width: 100%; height: 400px"></div>
<hr/>
<div id="graph_closetickets" style="width: 100%; height: 400px"></div>
<hr/>
<div id="graph_recall" style="width: 100%; height: 400px"></div>
<hr/>
{% endblock content %}
